<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" href="css/style.css" />
<title>ATM</title>

<style type="text/css">
#display {
	/* border: 1px solid;
		
		width:60%;
		height:200px;
		background-color:#165F00; */
	top: 35%;
	left: 25%;
	font-size: 24px;
	display: inline-block;
	/*margin-left:20px;*/
	margin-top: 20px;
	color: blue;
	position: absolute；
}


#area{
      width:80%;
      height:300px;
    }

.left_display {
	width: 658px;
	height: 348px;
	background: url("./image/timg.jpg");
	position: relative;
}
</style>
</head>

<body bgcolor="#ffffff">
	<div class="all">
		<div class="main" id="main">
			<div class="left">
				<div class="left_display">
					<div class="display" id="display"></div>
				</div>
				<div class="left_keyboard">
					<div class="keyboard">
						<div class="keyboard_col">
							<button type="button" class="layui-btn" id="btn">打印</button>
							<button type="button" id="b7" class="number" value="7"
								onclick="readNum(this);">7</button>
							<button type="button" id="b8" class="number" value="8"
								onclick="readNum(this);">8</button>
							<button type="button" id="b9" class="number" value="9"
								onclick="readNum(this);">9</button>
							<button type="button" id="back" class="lay-btn"
								style="background-color:#FF5722">退出</button>
						</div>
						<div class="keyboard_col">
							<button type="button" class="layui-btn" id="switch">关机</button>
							<button type="button" id="b4" class="number" value="4"
								onclick="readNum(this);">4</button>
							<button type="button" id="b5" class="number" value="5"
								onclick="readNum(this);">5</button>
							<button type="button" id="b6" class="number" value="6"
								onclick="readNum(this);">6</button>
							<button type="button" id="reset" class="lay-btn"
								style="background-color:#FFB800">重置</button>
						</div>
						<div class="keyboard_col">
							<button type="button" class="layui-btn" id="card">插卡</button>
							<button type="button" id="b1" class="number" value="1"
								onclick="readNum(this);">1</button>
							<button type="button" id="b2" class="number" value="2"
								onclick="readNum(this);">2</button>
							<button type="button" id="b3" class="number" value="3"
								onclick="readNum(this);">3</button>
							<button type="button" id="comfirm" class="comand"
								style="width: 65px;height:36px;color:#ffffff;border:none;font-size:16px;background-color:#2F4056">删除</button>
						</div>
						<div class="keyboard_col">
							<button type="button" class="layui-btn" id="btn">&nbsp;</button>
							<button type="button" id="b00" class="number" value=""
								onclick="readNum(this);">&nbsp;</button>
							<button type="button" id="b0" class="number" value="0"
								onclick="readNum(this);">0</button>
							<button type="button" id="point" class="number" value=""
								onclick="readNum(this);">&nbsp;</button>
							<button type="button" id="comfirm" class="comand"
								style="width: 65px;height:36px;color:#ffffff;border:none;font-size:16px;background-color:#5FB878"
								onclick="submit();">确认</button>
						</div>
					</div>
				</div>
				
			</div>
			<div class="right">
			<center style="margin-top:80%"><textarea id="area" row="50" clos="20"></textarea></center>
				
			</div>			
		</div>
	</div>

</body>
</html>